<template>
	<div class="header">
		<router-link to="/">
			<div class="iconfont header-back">&#xe624;</div>
		</router-link>
		城市选择
	</div>
</template>

<script>
	export default {
		name: 'CityHeader'
	}
</script>

<style lang="stylus" scoped>
	@import '~@/assets/styles/varibles.styl'

	.header {
		position: relative;
		overflow: hidden;
		height: 3.4375rem;
		line-height: 3.4375rem;
		text-align: center;
		color: #fff;
		background: $bgColor;
		//border: 1px red solid;
		font-size:1.25rem;
	}

	.header-back {
		position: absolute;
		width: 20px;
		top: 0;
		left: 0;
		text-align: center;
		font-size: 1.25rem;
		color:#fff;
	}
</style>
